﻿<html>
	<head>
		<title>张爱军|个人博客</title>
		<link rel="shortcut icon" href="images/ico.jpg"/>
		<link href="css/style.css?v=2" rel="stylesheet" type="text/css" media="all">
		<link rel="stylesheet" href="css/animate.min.css">
		<style>
			#page-bar{
				color:#ff9655;
				text-align:center;
				font-size:0px;
			}
			#page-bar a{
				border:1px solid #ff9600;
				padding:5px 7px;
				color:#ff9655;
				text-decoration:none;
				font-size:15px;
				margin-right:10px;
			}
			#page-bar a:hover{
				border:1px solid #ff9600;
				padding:5px 7px;
				background-color:#ffbe94;
			}
			.page-prev,.page-next{
				border:1px solid #ff9600;
				color:#ff9600;
				padding:5px 7px;
				font-size:15px;
				margin-right:10px;
			}	
			.page-prev:hover,.page-next:hover{
				background-color:#ffbe94;
			}
			.page-prev i{
				margin-right:5px;
			}
			.page-next i{
				margin-left:5px;
			}
			.page-current{
				border:1px solid #ff9600;
				padding:5px 7px;
				background-color:#ffbe94;
				font-size:15px;
				margin-right:10px;
			}
			#page-ellipsis{
				font-size:15px;
				margin-right:10px;
			}
		</style>
		<script src="js/wow.min.js"></script>
		
		<script>
		if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
			new WOW().init();
		};
		</script>
		
	</head>
	<body>
		<header>
			<div class="logo">
				<img src="images/head_1.png" class="xwcms" onmouseover="this.src='images/head_1.jpg'" onmouseout="this.src='images/head_1.png'"/>
				<div class="logo-text">张爱军<span style="color:#FF6347;font-size:1.4em;">'S</span> 博客</div>
			</div>
			<div class="right-block">
				<div class="wow pulse bg-yellow" data-wow-delay="0.1s">一个人静静坐在电脑面前写代码的感觉，</div>
				<div class="wow rollIn bg-red" data-wow-iteration="1" data-wow-duration="0.5s">那是什么感觉？</div>
				<div class="wow bounceInRight bg-blue">那是武林高手闭关修炼的感觉。</div>
				<div class="wow bounceInRight bg-blue">--- 菜鸟程序员 --- </div>
				<div></div>
			</div>
		</header>
		<div class="clear"></div>
		<nav id="nav" class="nav-wrap">
			<ul class="clearfix">
				<li class="menuactive"><a href="https://zaj553.gitee.io/blog/">首页</a></li>
				<li><a href="/blog/gy/index.html">关于</a></li>
				<li><a href="">个人日记</a></li>
				<li id="navEnd"><a href="">留言版</a></li>  
			</ul>                 
		</nav>
		<section class="container-content">
			<div class="article-list" style="display: block;width: 100%;">
				<iframe width="100%" height="100%" name="rightform" id="rightform" src="blog/SQL性能优化-索引篇.html" 
					frameborder="0" scrolling="no" onload="Javascript:SetWinHeight(this)" >	</iframe>
			</div>
		</section>
		<div class="clear"></div>	

		<footer class="footer">
			<div class="footer_content">
				<h2>张爱军<span style="color:#FF6347;">'S</span> 博客</h2>
				<p>由<a href="" target="_blank" style="color:white;text-decoration:underline;">张爱军博客</a>提供技术支持</p>
				<p>© 2015－2019 youtiy.com, all rights reserved</p>
			</div>
		</footer>
		<script src="plugin/SuperSlide/js/jquery.min.js"></script>
		<script src="plugin/SuperSlide/js/superslide.2.1.js"></script>
		<script src="js/blog.js"></script>
		<script type="text/javascript">
		jQuery(".youtiy_slider .bd li").first().before( jQuery(".youtiy_slider .bd li").last() );
		jQuery(".youtiy_slider").hover(function(){
			 jQuery(this).find(".arrow").stop(true,true).fadeIn(300) 
			 },function(){ 
				jQuery(this).find(".arrow").fadeOut(300) });				
			 jQuery(".youtiy_slider").slide(
				{ titCell:".hd ul", mainCell:".bd ul", effect:"leftLoop",autoPlay:true, vis:3,autoPage:true, trigger:"mouseover"}
			);
	    // 全文检索
		function Search(){
			var cridName = $("#crid").val();
			console.info(cridName);
			document.body.innerHTML = document.body.innerHTML.replace(cridName,"<span style='color: red;'>$&</span>");
        }

		function SetWinHeight(obj) {
			var win = obj;
			if(document.getElementById) {
				if(win && !window.opera) {
					if(win.contentDocument && win.contentDocument.body.offsetHeight)
						win.height = win.contentDocument.body.offsetHeight;
					else if(win.Document && win.Document.body.scrollHeight)
						win.height = win.Document.body.scrollHeight;
				}
			}
		}

$(document).ready(function(e) {
			var offset = 890;
			$(window).on('scroll', function(){
				if($(this).scrollTop() > offset ) {
					$('.recommend').css('position','fixed');
					$('.recommend').css('top','0px');
				} 
				else {
					$('.recommend').css('position','');
				}
			});
			$('.page-nomal').on('click',function(){
				var index=$('.page-nomal').index($(this));
				$(this).addClass('page-current').siblings('.page-nomal').removeClass('page-current');
				$('.article-list').eq(index).show().siblings('.article-list').hide();				
			});
			$('.page-prev').on('click',function(){
				var curindex=$('.page-nomal').index($('.page-current'))-1; 
				if(curindex>=0){
					$('.page-nomal').eq(curindex).addClass('page-current').siblings('.page-nomal').removeClass('page-current');
				   $('.article-list').eq(curindex).show().siblings('.article-list').hide();				
				}
			});
			$('.page-next').on('click',function(){
				var curindex=$('.page-nomal').index($('.page-current'))+1; 
				if(curindex<$('.page-nomal').length){
					$('.page-nomal').eq(curindex).addClass('page-current').siblings('.page-nomal').removeClass('page-current');
				   $('.article-list').eq(curindex).show().siblings('.article-list').hide();				
				}
			});
			
		});
		</script>
	</body>
</html>